.content {
  width: 100%;
  height: 535px;
  display: flex;
  justify-content: space-evenly;
  overflow: hidden;
}
.content > .cl {
  box-sizing: border-box;
  padding: 30px 27px 0 33px;
  width: 745px;
  /* height: 520px; */
  float: left;
  background-color: #fff;
}
.cl > p {
  font-size: 18px;
  display: flex;
  justify-content: space-between;
}
.cl > p > img {
  width: 18px;
  height: 4px;
  align-self: center;
}
.cl > div {
  width: 685px;
  height: 44px;
  margin-top: 28px;
  background: #fafafa;
}
.cl > div > ul {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: start;
}
.cl > div > ul > li {
  text-align: center;
  font-size: 13px;
}
.cl > div > ul > li:nth-of-type(1) {
  margin-left: 66px;
}
.cl > div > ul > li:nth-of-type(2) {
  margin-left: 72px;
}
.cl > div > ul > li:nth-of-type(3) {
  margin-left: 53px;
}
.cl > div > ul > li:nth-of-type(4) {
  margin-left: 50px;
}
.cl > div > ul > li > span {
  line-height: 44px;
}
.cl > div > ul > li > img {
  width: 9.53px;
  height: 5.25px;
  margin-top: 20px;
}
.cl > div > ul > li:nth-of-type(1) > img {
  margin-left: 46.47px;
}
.cl > div > ul > li:nth-of-type(2) > img {
  margin-left: 39.47px;
}
.cl > div > ul > li:nth-of-type(3) > img {
  margin-left: 31.47px;
}
.cl > div > ul > li:nth-of-type(4) > img {
  margin-left: 25.47px;
}
.cl > ul > li {
  width: 664px;
  height: 70px;
  margin: 0 auto;
}
.cl > ul > li > ul {
  display: flex;
}
.cl > ul > li > ul > li {
  height: 70px;
  line-height: 70px;
  font-size: 13px;
  border-bottom: 1px solid #fef6f6;
}
.cl > ul > li > ul > li:nth-of-type(2) {
  width: 39px;
  height: 40px;
  margin-left: 38px;
  margin-top: 15px;
}
.cl > ul > li > ul > li:nth-of-type(2) > img {
  width: 29px;
  height: 29px;
  margin: 5px;
}
.cl > ul > li > ul > li:nth-of-type(3) {
  margin-left: 11px;
}
.cl > ul > li > ul > li:nth-of-type(4) {
  margin-left: 94px;
}
.cl > ul > li > ul > li:nth-of-type(5) {
  margin-left: 34px;
}
.cl > ul > li > ul > li:nth-of-type(5) > span {
  display: block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-top: 21px;
  border-radius: 15px;
  background-color: #fef6f6;
}
.cl > ul > li:nth-of-type(1) > ul > li:nth-of-type(5) > span {
  color: red;
}
.cl > ul > li:nth-of-type(2) > ul > li:nth-of-type(5) > span {
  color: orange;
}
.cl > ul > li:nth-of-type(3) > ul > li:nth-of-type(5) > span {
  color: yellowgreen;
}
.cl > ul > li:nth-of-type(4) > ul > li:nth-of-type(5) > span {
  color: red;
}
.cl > ul > li:nth-of-type(5) > ul > li:nth-of-type(5) > span {
  color: yellowgreen;
}
.cl > ul > li:nth-of-type(6) > ul > li:nth-of-type(5) > span {
  color: greenyellow;
}
.cl > ul > li > ul > li:nth-of-type(6) {
  margin-left: 52px;
}
.cl .ellipsis {
  margin-left: 99px;
}
.cl .ellipsis > img {
  width: 18px;
  height: 4px;
}
.content > .cr {
  width: 359px;
  height: 520px;
  float: left;
}
.cr > div:nth-of-type(1) {
  width: 357px;
  height: 362px;
  box-sizing: border-box;
  background-color: #fff;
  padding: 22.75px 23px 18px 19px;
}
.cr > div:nth-of-type(1) > img {
  width: 315px;
  height: 321.25px;
}
.cr > div:nth-of-type(2) > img {
  width: 357px;
  height: 140px;
  margin-top: 17px;
}
